﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/header.jsp" %>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Register</title>
    <!-- JqueryUI -->
    <link rel="stylesheet" type="text/css" href="${style}/front/jquery-ui.css">

    <link rel="stylesheet" type="text/css" href="${style}/animate.min.css">
    <link rel="stylesheet" type="text/css" href="${style}/input.css">
    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="${style}/front/bootstrap.min.css">
    <!-- Awesome font icons -->
    <link rel="stylesheet" type="text/css" href="${style}/front/font-awesome.min.css" media="screen">
    <!-- Owlcoursel -->
    <link rel="stylesheet" type="text/css" href="${style}/front/owl-coursel/owl.carousel.css">
    <link rel="stylesheet" type="text/css" href="${style}/front/owl-coursel/owl.transitions.css">
    <!-- Magnific-popup -->
    <link rel="stylesheet" type="text/css" href="${style}/front/magnific-popup/magnific-popup.css">
    <!-- Style -->
    <link rel="stylesheet" type="text/css" href="${style}/front/style.css" media="screen">
    <!-- Fw -->
    <link rel="stylesheet" type="text/css" href="${style}/front/fw.css" media="screen">
</head>
<body>
<%--herder--%>
<jsp:include page="header.jsp"/>

<div class="heading-inner-page">
    <div class="container">
        <h2>新用户注册</h2>
    </div>
</div>
<!-- Register page -->
<div class="m-t-60">
    <div class="container">
        <div class="bg-img-2 position-left">
            <div class="row">
                <div class="col-sm-6 col-sm-offset-3">
                    <div class="box p-40 p-xs-20 bg-white">
                        <%--<form>--%>
                        <div class="form-group">
                            <label class="control-label">用户名</label>
                            <input type="text" name="username" value="" required="required" placeholder="请输入用户名"
                                   id="username" class="form-control form-item">
                        </div>
                        <div class="form-group">
                            <label class="control-label" style="margin-right: 10px;">性别</label><br>
                            <label style="margin-right: 10px;">
                                <i class='input_style radio_bg'><input type="radio" name="sex" value="男"></i>男
                            </label>
                            <label>
                                <i class='input_style radio_bg'><input type="radio" name="sex" value="女"></i>女
                            </label>
                        </div>
                        <div class="form-group">
                            <label class="control-labe">电子邮箱</label>
                            <input type="text" name="email" value="" required="required" placeholder="请输入E-mail"
                                   id="email" class="form-control form-item">
                        </div>
                        <div class="form-group">
                            <label class="control-label">手机号码</label>
                            <input type="text" name="phone" value="" required="required" placeholder="请输入11位手机号码"
                                   id="phone" class="form-control form-item">
                        </div>
                        <div class="form-group">
                            <label class="control-label">密码</label>
                            <input type="password" name="password" value="" required="required" placeholder="请输入密码"
                                   id="password" class="form-control form-item">
                        </div>
                        <div class="m-t-15">
                        </div>
                        <button id="registerbtn" class="btn ht-btn bg-6 m-t-30">注册</button>
                        <button id="registerreset" class="btn ht-btn bg-5 m-t-30">重置</button>
                        <%--</form>--%>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Process order -->
<section class="process">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 col-md-4">
                <div class="media ht-media">
                    <div class="media-left">
                        <i class="fa fa-phone bg-6"></i>
                    </div>
                    <div class="media-body">
                        <h5 class="media-heading">客服热线 24/7: 0123-456-789</h5>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4">
                <div class="media ht-media">
                    <div class="media-left">
                        <i class="fa fa-truck bg-2"></i>
                    </div>
                    <div class="media-body">
                        <h5 class="media-heading">智能分拣     快捷物流     暖心配送</h5>
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4">
                <div class="media ht-media">
                    <div class="media-left">
                        <i class="fa fa-undo bg-3"></i>
                    </div>
                    <div class="media-body">
                        <h5 class="media-heading">100%优质服务   7天无理由退换货</h5>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Footer -->
<jsp:include page="footer.jsp"/>
<!-- jQuery -->
<script src="${jquery}/jquery.js" charset="utf-8"></script>
<!-- JqueryUI -->
<script src="${jquery}/jquery-ui.js"></script>
<!-- Bootstrap -->
<script src="${Bootstrap}/js/bootstrap.js"></script>
<!-- Owl-coursel -->
<script src="${Js}/front/owl-coursel/owl.carousel.js"></script>
<!-- Magnific-popup -->
<script src="${Js}/front/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Script -->
<script src="${Js}/front/script.js"></script>
<script src="${Js}/front/register/register.js"></script>
<script text="type/javascript" src="${Js}/front/input.js"></script>
</body>
</html>

